import { swiperData, indexNav } from 'api/index'

export default {
  namespaced: true,
  state: {
    navs: [],
    swipers: []
  },
  mutations: {
    ['SET_NAVS'] (state, payload) {
      state.navs = payload.navs
      // console.log(state.navs);
    },
    ['SET_SWIPER'] (state, payload) {
      state.swipers = payload.swipers
      // 在这里可以查看取得的数据
      // console.log(state.swipers)
    }
  },
  actions: {
    getNavs (context) {
      indexNav().then(res => {
        // console.log(res);
        if (res.code === 200) {
          context.commit('SET_NAVS', { navs: res.data })
        }
      })
    },
    getSwiper (context) {
      // 在actions里面 调用 api接口获取数据
      // 获取到api接口数据之后，需要通用mutations去操作state
      // 不能在actions里面直接去操作state中的数据（这是vuex的机制，在vuex中能够直接操作数据的只有mutations）
      swiperData().then(res => {
        if (res.code === 200) {
          // 在这里提交mutations  让mutations去操作vuex中的数据
          context.commit('SET_SWIPER', { swipers: res.data })
        }
      })
    },


  }
}
